* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container_bg {
    background: url(../upload/reg_wrapout20181203.jpg) no-repeat 50% 0;
    .container_main {
        position: relative;
        width: 1000px;
        height: 880px;
        background: url(../upload/reg_wrap20181203.jpg) no-repeat 50% 0;
        margin: 0 auto;
        overflow: hidden;
        .logo {
            position: absolute;
            left: 0px;
            top: 20px;
            width: 132px;
            height: 107px;
            background: url(../img/mxd_logo.png);
        }
        .registe_nav {
            position: absolute;
            top: 40px;
            left: 160px;
            width: 720px;
            height: 40px;
            background: url(../img/mainNav.png);
            .first_li {
                margin-left: 28px;;
            }
            li {
                margin-left: 72px;
                float: left;
                width: 75px;
                height: 40px;
                a {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                }
            }
            
        }
        .ver_bg {
            position: absolute;
            left: 120px;
            top: 470px;
            width: 274px;
            height: 239px;
            background: url(../img/ver-bg.png);
            img {
               margin-top: 10px;
               margin-left: 10px; 
            }
            #history {
                margin-top: 10px;
                margin-left: 45px;
                color: #666;

            }
        }
        
        .registe {    
            position: absolute;
            left: 487px;
            top: 297px;
            padding: 50px;
            width: 250px;
            height: 310px;
            background: #fff;
            border-radius: 20px;
            .table {
                overflow: hidden;
                width: 100%;
                height: 100%;
                .table_top {
                    li {
                        font-size: 13px;
                        height: 20px;
                        line-height: 20px;
                        text-align: center;
                        padding: 0 14px;
                        float: left;
                        border: 1px solid #ccc;
                        cursor: pointer;
                        box-shadow: 0px 0px 1px 0px inset;
                    }
                    .mail_registe {
                        border-left: none;
                        border-right: none;
                    }
                }
                .table_bottom {
                    margin-top: 20px;
                    width: 85%;
                    height: 92%;
                    padding: 0 15px;
                    .mail_form {
                        display: none;
                        position: relative;
                        input {
                            height: 18px!important;
                        }
                        .mail_txt,.mail_psd{
                            position: absolute;
                            font-size: 12px;
                            left: 0px;
                            top: 22px;
                            width: 220px;
                        }
                        .mail_psd {
                            top: 62px;
                        }
                        .mail_name_txt {
                            top: 104px!important;
                        }
                        .mail_idCard {
                            top: 146px!important;
                        }
                        .toggle_psd {
                            cursor: pointer;
                            position: absolute;
                            left: 127px;
                            top: 43px;
                            font-size: 12px;
                            text-align: center;
                            height: 18px;
                            width: 83px;
                            background: url(../img/sprite_btn_mini.png) no-repeat 0px -36px;
                        }
                    }
                    
                    .self_tel_form {
                        display: none;
                        input {
                            margin-bottom: 15px!important;
                            height: 20px!important;
                            line-height: 20px!important;
                        }
                        .self_test {
                            top: 22px!important;
                        }
                        .self_code_box {
                            display: inline-block;
                            width: 83px;
                            top:35px!important;
                            height: 24px!important;
                            left: 128px!important;
                            text-align: center;
                            line-height: 24px;
                            background: url(../img/sprite_btn_mini.png) no-repeat 0px -33px;
                        }
                        .self_psd_test {
                            top: 95px!important;
                        }
                    }
                    .tel_form,.mail_form,.self_tel_form {
                        position: relative;
                        margin-top: 40px;
                        input {
                            border: 1px solid #ccc;
                            box-shadow: 0px 0px 3px 0px inset #ccc;
                            margin-bottom: 20px;
                            height: 22px;
                            outline:none;
                            text-indent: 8px;
                            font-size: 12px;
                            width: 210px;
                        }
                        input::-webkit-input-placeholder{
                            color:#999;
                        }
                        .get_code,.get_look_pwd {
                            font-size: 11px;
                            text-align: center;
                            line-height: 28px;
                            position: absolute;
                            left: 129px;
                            top: 41px;
                            display: inline-block;
                            width: 84px;
                            height: 28px;
                            background: url(../img/sprite_btn_mini.png) no-repeat -84px 1px;
                        }
                        .tel_test,.psd_test,.tel_name,.tel_idCard,.mail_name_txt,.mail_idCard,.self_test,.self_code_box{
                            position: absolute;
                            left: 10px;
                            top: 26px;
                            font-size: 11px;
                        }
                        .psd_test {
                            top: 114px;

                        }
                        .get_look_pwd {
                            top: 85px;
                            background: url(../img/sprite_btn_mini.png) no-repeat 0px -33px;
                        }
                        .get_code:hover,.get_look_pwd:hover {
                            color: #333;
                        }
                        .get_look_pwd:hover {
                            background: url(../img/sprite_btn_mini.png) no-repeat -97px -33px;

                        }
                        .tel_name {
                            top: 158px;
                        }
                        .tel_idCard {
                            top: 202px;

                        }

                        .tell_book {
                            margin-top: 23px!important;
                        }
                        .mail_book {
                            margin-top: 58px!important;
                        }
                        .self_book {
                            margin-top: 36px!important;
                        }
                        .book {
                            font-size: 12px;
                            display: inline-block;
                            margin-top: 25px;
                            color:#4A9CE6;
                        }
                        .book:hover {
                            color:#4A9CE6;
                            text-decoration: underline;
                        }
                        .agree {
                            cursor: pointer;
                            position: absolute;
                            left: 68px;
                            top: 240px;
                            width: 144px;
                            height: 27px!important;
                            background: url(../img/sprite_btn_mini.png) no-repeat -145px -61px;
                        }
                    }
                }
            }
        }
    }
} 




.footer {
    margin-top: 40px;
    width: 100%;
    p {
        text-align: center;
        font-size: 12px;
        i {
            color: #FF0000;
            font-weight: 700;
            font-style: normal;
        }
    }
    .foot_box {
        width: 100%;
        overflow: hidden;
    }
    .foot_banner {
        margin-top: 30px;
        width: 4440px;
        height: 50px;
        img {
            display: inline-block;
        }
    }
    .foot_bottom {
        overflow: hidden;
        margin-top: 20px;
        width: 100%;
        height: 132px;
        background: url(../img/bg_w.jpg);
        .foot_bottom_l {
            position: relative;
            float: left;
            height: 100%;
            width: 400px;
            .logo_sd {
                position: absolute;
                left: 170px;
                top: 25px;
                width: 64px;
                height: 66px;
                background: url(../img/SDG_logo_w.jpg);
            }
            .logo2 {
                position: absolute;
                left: 270px;
                top: 30px;
                width: 109px;
                height: 68px;
                background: url(../img/img_ne.jpg);
            }
        }
        .foot_bottom_m {
            float: left;
            p { 
                position: relative;
                padding: 0;
                margin: 0;
                text-align: left;
                margin-bottom: 5px;
                a:hover {
                    color: #333;
                    text-decoration: underline;
                }
                .policeman {
                    position: absolute;
                    left: 288px;
                    top: -2px;
                    width: 20px;
                    height: 20px;
                    background: url(../img/beian.png) no-repeat;
                }
            }
            .first_footer_p {
                margin-top: 15px;
            }
        }
        .foot_bottom_r {
            float: right;
            .foot_ico {
                position: relative;
                width: 500px;
                height: 132px;
                .wen {
                    margin-top: 15px;
                    position: absolute;
                    width: 47px;
                    height: 47px;
                    background: url(../img/whjy.png);
                }
                .gong {
                    margin-top: 15px;
                    margin-left: 50px;
                    position: absolute;
                    width: 47px;
                    height: 47px;
                    background: url(../img/shgs2.gif);
                }
                .e {
                    margin-top: 15px;
                    margin-left: 110px;
                    width: 111px;
                    height: 45px;
                    position: absolute;
                    background: url(../img/img_cp_jubao_w.png);

                }
                .lian {
                    margin-top: 70px;
                    width: 127px;
                    height: 35px;
                    position: absolute;
                    background: url(../img/report.png);
                }
                .jia {
                    margin-top: 70px;
                    margin-left: 138px;
                    width: 82px;
                    height: 37px;
                    position: absolute;
                    background: url(../img/jzjh.png);
                }
            }
        }
    }
}